//手风琴特效  2015.12.7 
   var Title = document.getElementsByClassName("title");            //获取 类名为title的 div
   var Content = document.getElementsByClassName("box-content");    //获取 类名为box-content的 div

   //循环i 小于Title的长度
   for(var i=0;i<Title.length;i++){
        Title[i].index = i;                  //定义下标属性index
		Title[i].onmouseover=function(){     //鼠标在上方事件
		   //循环j 小于i 
		   for(var j=0;j<i;j++){
		     Content[j].style.display="none";      //隐藏全部 类名为box-content的 div
			 //console.log(j);
		   }
		     Content[this.index].style.display="block";  //显示  类名为box-content 且下标等于当前Title下标 的div 
		   
		}
   }

